import React from 'react';
import { useHistory } from 'react-router-dom';

import styled from 'styled-components'


const NaviGationBar = () => {

  const history = useHistory()
  return (
    <SeStyled>
      <div className="global-navigation flex-row" style={{}} >
        <span className="go-back" onClick={() => { history.goBack() }}>
          后退
        </span>
        <span className="go-ahead" onClick={ () => { history.goForward() }}>
          前进
        </span>
      </div>

    </SeStyled>
  )
}

export default NaviGationBar

const SeStyled = styled.div`
  .global-navigation{
    width: 98%;
    margin: .1rem;
    >span{
      color: #ff762e;
    }
  }
 
`